<template>
  <div class="container">
    <LikeIkun v-for="(item, index) in ikunList" :key="index" :ikun="item" />
  </div>
</template>

<script>
import LikeIkun from '@/components/LikeIkun.vue'
export default {
  components: {
    LikeIkun,
  },
  data() {
    return {
      ikunList: [
        {
          name: 'kunkun1',
          url: 'http://destiny001.gitee.io/image/cxk.gif',
          msg: '中分头背带裤，我是坤坤你记住',
        },
        {
          name: 'kunkun2',
          url: 'http://destiny001.gitee.io/image/cxk.gif',
          msg: '中分头背带裤，我是坤坤你记住',
        },
        {
          name: 'kunkun3',
          url: 'http://destiny001.gitee.io/image/cxk.gif',
          msg: '中分头背带裤，我是坤坤你记住',
        },
        {
          name: 'kunkun3',
          url: 'http://destiny001.gitee.io/image/cxk.gif',
          msg: '中分头背带裤，我是坤坤你记住',
        },
        {
          name: 'kunkun3',
          url: 'http://destiny001.gitee.io/image/cxk.gif',
          msg: '中分头背带裤，我是坤坤你记住',
        },
        {
          name: 'kunkun3',
          url: 'http://destiny001.gitee.io/image/cxk.gif',
          msg: '中分头背带裤，我是坤坤你记住',
        },
        {
          name: 'kunkun3',
          url: 'http://destiny001.gitee.io/image/cxk.gif',
          msg: '中分头背带裤，我是坤坤你记住',
        },
        {
          name: 'kunkun3',
          url: 'http://destiny001.gitee.io/image/cxk.gif',
          msg: '中分头背带裤，我是坤坤你记住',
        },
        {
          name: 'kunkun3',
          url: 'http://destiny001.gitee.io/image/cxk.gif',
          msg: '中分头背带裤，我是坤坤你记住',
        },
        {
          name: 'kunkun3',
          url: 'http://destiny001.gitee.io/image/cxk.gif',
          msg: '中分头背带裤，我是坤坤你记住',
        },
      ],
    }
  },
}
</script>

<style>
.container {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 80px;
}
</style>
